<template>
  <div>
    <el-dialog
      title="掌上指挥"
      :visible.sync="dialogVisible"
      width="650px"
      height="800px"
      :modal="false"
      custom-class="township-dialog"
      @close="closeDialog"
    >
    <iframe :src="showUrl" frameborder="0" style="width: 100%;height: 850px" scrolling="auto" />
    </el-dialog>
  </div>
</template>
 <script>

export default {
  name: "zszh",
  data() {
      return {
          dialogVisible:false,
          showUrl:null
      }
  },

  mounted() {
      window.zszhInit = this.zszhOpen;
  },
  methods: {
      zszhOpen(info){
          this.dialogVisible = true;
          this.showUrl = info;
      },
      closeDialog(){
        this.showUrl = null;
      }
  },
};
</script>
 <style rel="stylesheet/scss" scoped>
 .el-dialog__wrapper {
  width: 3096px;
  overflow: unset !important;
}
.dialogT {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  color: #7af3ff;
}
.btn-item-wrap {
  display: flex;
  text-align: center;
  justify-content: flex-end;
  color: white;
}
.btn-item {
  margin-right: 30px;
}
.btn-item + .btn-item {
  margin-right: 50px;
}
</style>
 <style >
.el-step__description.is-finish {
  color: #7af3ff;
}
.el-dialog__title {
  color: #7af3ff;
  font-size: 16px;
}
.el-dialog__headerbtn {
  top: 40px;
}
.el-step__title.is-finish {
  color: #7af3ff;
  font-size: 14px;
}
.el-dialog {
  background: rgba(0, 17, 47, 0.8);
}
.el-step__title.is-process {
  color: rgba(255, 255, 255, 0.8);
}
.el-step__description.is-process {
  color: rgba(255, 255, 255, 0.8);
}
</style>>

